//Variables.less定义变量
// 左侧菜单背景色
@c-23272D: #23272D;
// 展开颜色
@c-1D2127: #1D2127;
// 选中颜色、主按钮颜色
@c-1E60CC: #1E60CC;
// 顶部栏字体颜色、表内容字体颜色
@c-4F535B: #4F535B;
// 表单表头颜色
@c-F3F7FD: #F3F7FD;
// 表单信息颜色
@c-F8F9FA: #F8F9FA;
// 表头字体颜色
@c-31343C: #31343C;
// 页面背景色
@c-F9FAFB: #F9FAFB;
// 提示、警示、报错类别
@c-CC2C2C: #CC2C2C;
// 输入框颜色
@c-DDE1E6: #DDE1E6;
// 左侧菜单logo下面的边框颜色
@c-373B40: #373B40;
/*color*/
@c-white: #ffffff;
@c-blue: #1890ff;
@c-gray: #6c757d;
@c-light: #f8f9fa;
@c-dark: #072141;
@c-darkDeep: #001B34;
@c-ccc: #ccc;
@c-fa: #fafafa;
@c-ecf5ff: #ecf5ff;
// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）
@c-Success: #67C23A;
@c-Warning: #E6A23C;
@c-Danger: #F56C6C;
@c-Info: #909399;
@c-RoutineBlue: #409EFF;
// 告警所用到的颜色
@cA-urgent: #CD0000;
@cA-serious: #F27900;
@cA-error: #FFB200;
@cA-tips: #FFE500;
@cA-gray: #999;
@cA-health: #99CC33;
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构
@cText-Main: #303133;// 主要文字
@cText-Regular: @color-555555;// 常规文字
@cText-Secondary: #909399;// 次要文字
@cText-SpaceOccupying: #C0C4CC;// 占位文字
@cBor-Level1: #DCDFE6;// 一级边框
@cBor-Level2: #E4E7ED;// 二级边框
@cBor-Level3: #EBEEF5;// 三级边框
@cBor-Level4: #F2F6FC;// 四级边框
// -----------------------主色-衍生色
@color-04336B: #04336B;
@color-104484: #104484;
@color-1452A8: #1452A8;
@color-1963D1: #1963D1;
@color-1D70F5: #1D70F5;// 主色
@color-679DF5: #679DF5;
@color-91BFFF: #91BFFF;
@color-B8D8FF: #B8D8FF;
@color-E3F0FF: #E3F0FF;
// -----------------------辅助色——同类色
@color-4B37E6: #4B37E6;
@color-6C5BEB: #6C5BEB;
@color-8E81F0: #8E81F0;
@color-B5ACFA: #B5ACFA;
@color-D6D2FA: #D6D2FA;
@color-0DB6CC: #0DB6CC;
@color-38C6D9: #38C6D9;
@color-6AD7E6: #6AD7E6;
@color-A0E9F2: #A0E9F2;
@color-DBFBFF: #DBFBFF;
// -----------------------辅助色——对比色/互补色
@color-F09F1D: #F09F1D;
@color-F2B149: #F2B149;
@color-F5C476: #F5C476;
@color-F7D7A3: #F7D7A3;
@color-FAEBD2: #FAEBD2;
@color-CC3C29: #CC3C29;
@color-ED5A41: #ED5A41;
@color-FF775B: #FF775B;
@color-FF9475: #FF9475;
@color-FFB190: #FFB190;
// -----------------------中性色/灰度色
@color-222222: #222222;// 用于页面标题栏标题文字、页面大标题、一级
@color-555555: #555555;// 用于二级标题文字颜色、正文颜色
@color-999999: #999999;// 用于按钮边框色、三级文字、备注文字、灰度
@color-cccccc: #cccccc;// 用于输入框内预置提示文字、输入框边框颜色
@color-E6E6E6: #E6E6E6;// 用于页面较深分隔线
@color-EFEFEF: #EFEFEF;// 用于页面常规分隔线
@color-F6F6F6: #F6F6F6;// 用于页面背景颜色
@color-white100: rgba(255, 255, 255, 1);// 用于页面标题栏标题文字、页面大标题、一级
@color-white85: rgba(255, 255, 255, 0.85);// 用于二级标题文字、次要文字
@color-white70: rgba(255, 255, 255, 0.7);// 用于三级文字、备注文字、灰度色彩图标颜色
@color-white50: rgba(255, 255, 255, 0.5);// 用于输入框内预置提示文字
@color-white30: rgba(255, 255, 255, 0.3);// 用于页面分隔线
@color-white10: rgba(255, 255, 255, 0.1);// 用于页面常规分隔线备份
// -----------------------功能色
@color-Success :#15AD2C;// 成功
@color-Link :#1D70F5;// 链接、说明
@color-Warning :#FA8015;// 提醒、警告、强调
@color-Error :#D70016;// 失败、报错
// -----------------------字体大小设置
.font-46 { font-size: 46px;}// 一般用于强调内容、特殊数据
.font-38 { font-size: 38px;}// 一般用于强调内容、特殊数据
.font-30 { font-size: 30px;}// 一般用于特殊提醒、强调内容、特殊数据
.font-24 { font-size: 24px;}// 一般用于较大标题、强调内容等
.font-18 { font-size: 18px;}// 一般用于一级标题、顶部导航等
.font-16 { font-size: 16px;}// 一般用于二级标题、正文内容中需突出的
.font-14 { font-size: 14px;}// 一般用于三级标题、正文内容、小按钮文字
.font-12 { font-size: 12px;}// 一般用于次要信息、标注性文字等备份
//字体大小设置
.fontS-ExtraLarge { font-size: 20px;}// 主标题
.fontS-large { font-size: 18px;}// 标题
.fontS-Medium { font-size: 16px;}// 小标题
.fontS-Base { font-size: 14px;}// 正文
.fontS-Small { font-size: 13px;}// 正文（小）
.fontS-ExtraSmall { font-size: 12px;}// 辅助文字
/*---*/
.bg(@c) { background-color: @c;}
.content-ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*---阴影---*/
.boxShadow-D { box-shadow: rgb(0 0 0 / 8%) 0px 0px 10px 0px;}
.boxShadow-R { box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px 0px;}
/*margin*/
.nm { margin: 0px;}
.mx(@b) { margin-left:@b+0px; margin-right:@b+0px;}
.my(@b) { margin-top:@b+0px; margin-bottom:@b+0px;}
.m(@t) { margin: @t+0px @t+0px @t+0px @t+0px;}
.mt(@t) { margin-top: @t+0px;}
.mr(@r) { margin-right: @r+0px;}
.mb(@b) { margin-bottom: @b+0px;}
.ml(@l) { margin-left: @l+0px;}
/*padding*/
.np { padding: 0px;}
.px(@b) { padding-left:@b+0px; padding-right:@b+0px;}
.py(@b) { padding-top:@b+0px; padding-bottom:@b+0px;}
.p(@t) { padding: @t+0px @t+0px @t+0px @t+0px;}
.pt(@t) { padding-top: @t+0px;}
.pr(@r) { padding-right: @r+0px;}
.pb(@b) { padding-bottom: @b+0px;}
.pl(@l) { padding-left: @l+0px;}
/*border*/
.nb { border: none;}
.b(@a) { border: @a+1px @color-E6E6E6 solid;}
.bt(@a,@b,@c) { border-top: @a+0px @b @c;}
.br(@a,@b,@c) { border-right: @a+0px @b @c;}
.bb(@a,@b,@c) { border-bottom: @a+0px @b @c;}
.bl(@a,@b,@c) { border-left: @a+0px @b @c;}
.bl-0 { border-left: 0px;}
.br-0 { border-right: 0px;}
.bx-0 { border-left: 0px; border-right: 0px;}
.bt-0 { border-top: 0px;}
.bb-0 { border-bottom: 0px;}
.by-0 { border-top: 0px; border-bottom: 0px;}